博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
微信小程序 Image API
阅读量:4084 次
发布时间:2019-05-25

本文共 1935 字,大约阅读时间需要 6 分钟。

目录

这里写图片描述

选择图片时可设置图片是否是原图,图片来源。这用的也挺常见的,比如个人中心中设置头像,可以与wx.upLoadFile()API使用

主要方法:

wx.chooseImage(object)

这里写图片描述

wxml

1
2
3
4
5
1
2
3
4
5

js

Page({  data:{    // text:"这是一个页面"    source: ''  },  /**   * 选择相册或者相机 配合上传图片接口用   */  listenerButtonChooseImage: function() {      var that = this;      wx.chooseImage({          count: 1,          //original原图,compressed压缩图          sizeType: ['original'],          //album来源相册 camera相机           sourceType: ['album', 'camera'],          //成功时会回调          success: function(res) {              //重绘视图              that.setData({                  source: res.tempFilePaths              })          }      })  },   
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25

wx.previewImage(object)

这里写图片描述

这又是一个奇葩API真实搞不懂怎么用这个。先模仿下官方咋使用但是没有效果,搞懂了在补充下自己的使用

wxml

1
2
1
2

js

Page({  data:{    // text:"这是一个页面"    source: ''  },  /**   * 预览图片 又一个奇葩接口   */  listenerButtonPreviewImage: function() {
wx.previewImage({ current: 'http://img.souutu.com/2016/0511/20160511055648316.jpg', urls: [ 'http://img.souutu.com/2016/0511/20160511055648316.jpg', 'http://img.souutu.com/2016/0511/20160511055650751.jpg', 'http://img.souutu.com/2016/0511/20160511054928658.jpg' ], //这根本就不走 success: function(res) {
console.log(res); }, //也根本不走 fail: function() {
console.log('fail') } }) }})
你可能感兴趣的文章
对RTMP视频流进行BitmapData.draw()出错的解决办法
查看>>
FMS 客户端带宽计算、带宽限制
查看>>
在线视频聊天(客服)系统开发那点事儿
查看>>
SecurityError Error 2148 SWF 不能访问本地资源
查看>>
Qt 静态编译后的exe太大, 可以这样压缩.
查看>>
3D游戏常用技巧Normal Mapping (法线贴图)原理解析——基础篇
查看>>
乘法逆元
查看>>
STL源码分析----神奇的 list 的 sort 算法实现
查看>>
Linux中用st_mode判断文件类型
查看>>
Ubuntu修改host遇到unable to resolve host
查看>>
路由选择算法
查看>>
Objective-C 基础入门(一)
查看>>
Objective-C 基础入门(三) 读写文件与回调
查看>>
C++ STL标准库与泛型编程(一)概述
查看>>
C++ STL标准库与泛型编程(四)Deque、Queue、Stack 深度探索
查看>>
C++ STL标准库 算法
查看>>
JVM内存模型_Minor GC笔记
查看>>
SpringCloud学习之PassCloud——(一)PassCloud源代码下载
查看>>
Linux下安装Python环境并部署NLP项目
查看>>
Nginx篇-springCloud配置Gateway+Nginx进行反向代理和负载均衡
查看>>